<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>博客</title>
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="header">
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light">
            <a class="navbar-brand col-md-6 col-7 yz" href="#" style="font-weight: bold">杨振的个人博客</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                <div class="navbar-nav">
                    <a class="nav-item nav-link active" href="#" style="color:#f65a8a;">首页 <span class="sr-only">(current)</span></a>
                    <a class="nav-item nav-link" href="">文章</a>
                    <a class="nav-item nav-link" href="#">相册</a>
                    <a class="nav-item nav-link" href="#">留言</a>
                    <a class="nav-item nav-link" href="#">关于</a>
                </div>
            </div>
        </nav>

    </div>
</div>
<div class="warsper clearfix">
    <div class="container clearfix">
            <div class="zuo clearfix col-md-4">
                <div class="yi">
                    <p>关于</p>
                    <img src="images/wu.jpg" alt="">
                <span style="font-size: 12px;color:#555555;">杨振，一个00后年轻人!2018年开始学习计算机网络技术，
                一直是谦逊做人，勤学好问，一边学习一边积累，分享一些个人作品，以及个人笔记等心得</span>
                </div>
                <div class="er">
                    <p>相册</p>
                    <a href=""><img src="images/yi.jpg" alt=""></a>
                    <a href=""><img src="images/er.jpeg" alt=""></a>
                    <a href=""><img src="images/n.jpg" alt=""></a>
                    <a href=""><img src="images/q.jpg" alt=""></a>
                    <a href=""><img src="images/wo.jpg" alt=""></a>
                    <a href=""><img src="images/liu.jpg" alt=""></a>
                </div>
                <div class="san">
                    <div class="input-group mb-3">
                        <input type="text" class="form-control" placeholder="请输入关键词" aria-label="Recipient's username" aria-describedby="button-addon2">
                        <div class="input-group-append">
                            <button class="btn btn-outline-secondary" type="button" id="button-addon2" style="background:#000;">搜索</button>
                        </div>
                    </div>
                </div>
                <div class="si text-center">
                    <p>个人作品</p>
                    <ul>
                        <li><a href="http://yangzhen117.gitee.io/duitang">堆糖</a></li>
                        <li><a href=" http://yangzhen117.gitee.io/tengxunwang">腾讯网</a></li>
                        <li><a href="http://yangzhen117.gitee.io/meizu/">魅族</a></li>
                        <li><a href="http://yangzhen117.gitee.io/repute__summer_homework">genius</a></li>
                        <li><a href="http://yangzhen117.gitee.io/hengwang">恒望</a></li>
                        <li><a href=" http://yangzhen117.gitee.io/themes">Themes</a></li>
                        <li><a href=" http://yangzhen117.gitee.io/tianya_mingyue_knife">天涯明月刀</a></li>
                        <li><a href=" http://yangzhen117.gitee.io/man_wei">漫威</a></li>
                    </ul>
                </div>
                <div class="wu">
                    <p>友情链接</p>
                    <span><a href="">杨振个人博客</a></span>
                </div>
                <div class="liu">
                    <p>关注我</p>
                    <a href=""><img src="images/erweima.jpg" alt=""></a>
                </div>
            </div>
            <div class="you clearfix col-md-8">
                <h2 class="text-center" style="">心得体会</h2>
                <div class="y clearfix">
                    <div class="left">
                        <p style="color:#000;font-weight: bold">初识代码</p>
                        <span>代码其实是一个很是神奇的“生命”，可以在每个人的手上绽放不一样的烟<br>火
                            接触久了，只能说跟网络游戏一样无法自拔，很喜欢安安静静的敲代<br>码！</span>
                    </div>
                    <div class="right y-2">
                        <img src="images/y-2.jpg" alt="" style="">
                    </div>
                </div>
                <div class="y clearfix">
                    <div class="left">
                        <p style="color:#000;font-weight: bold">ps的学习</p>
                        <span>Photoshop是科学与艺术的结合，但最终看的是艺术效果。
                        美术功底扎<br>实与否影响您将来平面作品水平高低的重要因素，ps只是一个得力工具，<br>画笔都会用，而画匠只会重复别人的作品
                        ，画家才能实现自己的创意。</span>
                    </div>
                    <div class="right y-3">
                        <img src="images/q.jpg" alt="" style="">
                    </div>
                </div>
                <div class="y clearfix">
                    <div class="left">
                        <p  style="color:#000;font-weight: bold">小树苗：人生第一个网页“旅行日记”</p>
                        <span>循序渐进的学习代码，从简单的代码词汇，到成行成列的代码“小森林”<br>这个过程
                            说不上多难，但是也是付出了很大努力与心思，以后还有更多<br>的网页还需要我挑战，加油！</span>
                    </div>
                    <div class="right y-2">
                        <img src="images/i.jpg" alt="" style="">
                    </div>
                </div>
                <div class="y clearfix">
                    <div class="left">
                        <p><a href="" style="color:#000;font-weight: bold">css3-动画效果与js</a></p>
                        <span>要是说一个完整网页，仅仅是HTML是不够的，要是没有css-3与js的“血肉”<br>支撑，只有“骨架”未免恐怖了些吧，CSS3 可以创建动画，它可以取代<br>许多网页动画图像、
                            Flash 动画和 JavaScript 实现的效果，JS脚本语言就是<br>实现网页操作编辑网页， 使网页内容更加丰富更完善网页信息的语言, </span>
                    </div>
                    <div class="right y-2">
                        <a href=""><img src="images/xw.jpg" alt="" style=""></a>
                    </div>
                </div>
                <div class="y clearfix">
                    <div class="left">
                        <p style="color:#000;font-weight: bold">思考</p>
                        <span>如果说掌握一门赖以生存的技术是技术人员要学会的第一课的话，那么<br>我觉得技术人员要真正学会
                            的第二课，不是技术，而是业务、交流与协<br>作，学会关心其他工作伙伴的工作情况和进展…</span>
                    </div>
                    <div class="right y-2">
                        <a href=""><img src="images/zuo.jpg" alt="" style=""></a>
                    </div>
                </div>
                <div class="y clearfix">
                    <div class="left">
                        <p style="color:#000;font-weight: bold">小树努力成长</p>
                        <span>曾以为不会学会的我，如今也是可以做出自己满意的网页了，但是心里知道，仅仅是开始的第一步
                        。自己脚下的路还有很长要走，注定艰难坎坷…</span>
                    </div>
                </div>
            </div>
    </div>
</div>
<div class="footer text-center">
    <span>Design by 杨振个人博客</span>
</div>














<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>